李仕臣

李仕臣的博客

183
文章
87
分类
136
标签

CSS-placeholder样式修改

CSS
  |  
 阅读次数

placeholder样式选择器

1
2
3
4
5
6
7
::-webkit-input-placeholder{}    /* 使用webkit内核的浏览器 */

:-moz-placeholder{}                  /* Firefox版本4-18 */

::-moz-placeholder{}                  /* Firefox版本19+ */

:-ms-input-placeholder{}           /* IE浏览器 */

注1：冒号前写对应的input或textarea元素等。\
注2：placeholder属性是css3中新增加的属性，IE9和Opera12以下版本的CSS选择器均不支持占位文本。

1
2
3
[input || textarea]::-webkit-input-placeholder {
  color: #3c5482;
}